<script setup lang="ts">

interface Props {
   path?: string|object;
}

defineProps<Props>();

</script>

<template>
   <RouterLink :to="path" class="more">
      <span>查看全部</span>
      <i class="iconfont icon-angle-right"></i>
   </RouterLink>
</template>

<style scoped lang="less">
.more {
   margin-bottom: 2px;

   span {
      font-size: 16px;
      vertical-align: middle;
      margin-right: 4px;
      color: #999;
   }

   i {
      font-size: 14px;
      vertical-align: middle;
      position: relative;
      top: 2px;
      color: #ccc;
   }

   &:hover {
      span, i {
         color: @xtxColor;
      }
   }
}
</style>
